<!-- 
//控制关注已关注的数据
const bol = ref(true);
//修改关注未关注按钮的状态
function changeBol() {
  bol.value = !bol.value;
} 
-->
<template>
  <wd-button custom-class="btn" type="success" size="small" round @click="gz">
    {{ props.bol != 0 ? "已关注" : "关注" }}
  </wd-button>
</template>
<script setup lang="ts">
// const bol = ref(true);
function gz() {
  props.changeBol();
}
interface Props {
  bol: any;
  changeBol: () => void;
}
const props = defineProps<Props>();
</script>
<style lang="scss" scoped>
.btn {
  font-size: 22rpx;
  font-weight: regular;
  line-height: 34rpx;
  color: #2cb5a5;
  text-align: right;
  letter-spacing: 0rpx;
  background-color: rgba(255, 255, 255, 0);
  border: 2rpx solid #2cb5a5;
  border-radius: 27rpx right;
}
</style>
